<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>超连接</title>
  </head>
  <body>
    <!--
      target属性,用来指定超链接打开的位置
        可选值:
          _self   默认值 在当前页面中打开超链接
          _blank  在一个新的页面中打开超链接
    -->
    <a href="https://www.baidu.com" target="_blank">超连接</a>
    <br><br>
    <!--
      可以跳转到页面的指定位置,只需将href设置为#目标元素的id属性值
      -->
    <a href="#bottom">去底部</a>

    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur deleniti dignissimos distinctio, dolor
      earum enim explicabo fugiat ipsam laudantium, modi natus nihil nulla numquam officia possimus quas quasi quibusdam
      reprehenderit.
    </p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur deleniti dignissimos distinctio, dolor
      earum enim explicabo fugiat ipsam laudantium, modi natus nihil nulla numquam officia possimus quas quasi quibusdam
      reprehenderit.
    </p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur deleniti dignissimos distinctio, dolor
      earum enim explicabo fugiat ipsam laudantium, modi natus nihil nulla numquam officia possimus quas quasi quibusdam
      reprehenderit.
    </p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur deleniti dignissimos distinctio, dolor
      earum enim explicabo fugiat ipsam laudantium, modi natus nihil nulla numquam officia possimus quas quasi quibusdam
      reprehenderit.
    </p>

    <!--
        可以直接将超链接的href属性设置为#,这样点击超链接以后
          页面不会发生跳转,而是转到当前页面的顶部的位置

          id属性(唯一不重复的)
              - 每一个标签都可以添加一个id属性
              - id属性就是元素的唯一标识,同一个页面中不能出现重复的id属性
              - id属性是区分大小写的
      -->
    <a id="bottom" href="#">回到顶部</a>
  </body>
</html>
